<template>
<!--	<div class="dlcnheader-wrap">-->
<!--		<div class="dlcnheader">-->
<!--			<div class="headerInner">-->
<!--				<a href="/baokuweb.html">-->
<!--					<img-->
<!--						src="//p1.ssl.qhimg.com/t0182a1615ce3cbe312.png"-->
<!--						class="logo"-->
<!--						alt=""-->
<!--					/>-->
<!--				</a>-->
<!--				<ul class="header-tab">-->
<!--					<a href="/baokuweb.html">-->
<!--						<li>首页</li>-->
<!--					</a>-->
<!--					<a href="/soft/list/cid/0">-->
<!--						<li>全部软件</li>-->
<!--					</a>-->
<!--				</ul>-->
<!--				<div class="headerLinkGroup">-->
<!--					<a href="/soft/show/appid/1">-->
<!--						<img src="//p1.ssl.qhimg.com/t015757f529ea8b7067.png" alt=""/>-->
<!--						安全卫士-->
<!--					</a>-->
<!--					<a href="/soft/show/appid/100923">-->
<!--						<img src="//p1.ssl.qhimg.com/t01d9552d0972ccd086.png" alt=""/>-->
<!--						安全浏览器-->
<!--					</a>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->
	<div class="app-container" style="margin-bottom:0px;">
		<div class="main-containe header-container clearfix">
			<div class="logo">
<!--				<img src="//p1.ssl.qhimg.com/t01cf5892ac0f21f320.png" alt="">-->
				<div class="siteName">西藏自治区建筑工人实名制管理平台</div>
			</div>
			<div class="menu">
<!--				<a href="#" target="_blank">产品官网</a>-->
<!--				<a href="//baoku.360.cn?channel=4002739" target="_blank">软件宝库</a>-->
			</div>
		</div>
		<div class="main-containe clearfix">
			<div class="dashboard-container pic-container">
				<div class="pic">
					<el-image src="/images/jianjie.png" style="width: 400px" fit="cover" alt="劳工APP" title="劳工APP"/>
				</div>
			</div>
			
			<div class="dashboard-container">
				<h1 class="title">
					<img src="/images/ic_launcher_web.png" alt="劳工APP" title="劳工APP">
					<span class="dashboard-container-softname title" style="margin-left: 15px;margin-top: 20px" title="劳工APP">
                     藏建通APP               </span>
				</h1>
				<div class="clearfix">
					<dl>
						<dt>软件版本：</dt>
						<dd>1.0.0.1</dd>
					</dl>
					<dl class="right-desc">
						<dt>软件大小：</dt>
						<dd>120.64 MB</dd>
					</dl>
					<dl>
						<dt>更新时间：</dt>
						<dd>2023-09-28</dd>
					</dl>
					<dl class="right-desc">
						<dt class="name">应用平台：</dt>
						<dd class="desc" title="Android">
							Android
						</dd>
					</dl>
				</div>
				<div class="btn-container clearfix" style="margin-top: 28px; margin-left: -8px;">
					
					<a href="javascript:void(0);" class="btn banner-btn safe-btn-download" title="立即下载" data-softid="102112879"
						 data-text="立即下载" bk="主软件-102112879">立即下载</a>
				
				</div>
<!--				<p class="pro-desc" style="color:#000000">需安装360安全卫士，通过360软件管家下载，享受更多权益</p>-->
			</div>
		
		</div>
	</div>
	<div class="main">
		
		<div class="main-ys">
			<div class="main-title">藏建通优势</div>
			<div class="main-ys-item">
				<el-image fit="cover" style="height: 436px" src="/images/daka.jpg" alt=""/>
				<div class="main-ys-item-title">考勤实时查看</div>
			</div>
			<div class="main-ys-item">
				<el-image  fit="cover" style="height: 436px"  src="/images/edit.jpg" alt=""/>
				<div class="main-ys-item-title">个人资料修改</div>
			</div>
			<div class="main-ys-item">
				<el-image  fit="cover"  style="height: 436px" src="/images/renlian.jpg" alt=""/>
				<div class="main-ys-item-title">人脸识别登录</div>
			</div>
			<div class="main-ys-item">
				<el-image  fit="cover" style="height: 436px"  src="/images/weixindenglu.jpg" alt=""/>
				<div class="main-ys-item-title">微信快捷登录</div>
			</div>
		</div>
		<div class="main-intro">
			<div class="main-title">软件介绍</div>
			<div class="main-intro-desc">
				藏建通是一款对藏务工工人量身打造的一款移动端APP，在本平台注册，并使用实名制方式登录。
				并配有后台管理系统，注册相关的建筑施工项目后，系统自动将项目秘钥发送到申请者邮箱，交与系统建设企业，与务工人员的考勤和工资挂钩。
			</div>
		</div>
	</div>
	<div class="main-footdown-wrap">
		<div class="main-footdown">
			<div class="main-footdown-text">以上都不需要，使用普通方式下载</div>
			<a class="main-footdown-btn" href="javascript:viod(0)">普通下载</a>
		</div>
	</div>
<!--	<div class="footer-container clearfix">-->
<!--		<p>Copyright©2005-<span id="year">2020</span> 360.cn 版权所有 360互联网安全中心</p>-->
<!--		<p>渝ICP证080047号[渝ICP备08010314号-6] 渝网文 [2015] 2079-380号 新出网证（京）字069号 工商营业执照 <img-->
<!--			src="//p1.ssl.qhimg.com/t015e634093cc434921.png"/>渝公网安备 11000002000006号</p>-->
<!--	</div>-->
</template>

<script setup lang="js">

</script>

<style lang="css" scoped>

.siteName {
	font-size: 1.5rem;
	font-weight: bold;
	color: #348bda;
	line-height: 1.5rem;
	letter-spacing: 1px;
	position: absolute;
	top: 30px;
	bottom: 0;
	margin: auto;
}

a,body,div,h1,h2,h3,h4,h5,h6,html,img,li,p,ul,dl,dt,dd {
	padding: 0;
	margin: 0
}

a {
	text-decoration: none
}

html {
	scroll-behavior: smooth
}

body {
	width: 100%;
	height: 100%;
	min-width: 1130px;
	font-family: "Microsoft YaHei",sans-serif
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.clearfix {
	clear: both;
	zoom:1}

.app-container {
	position: relative;
	height: 502px;
	min-width: 1000px;
	margin-bottom: 82px;
	background: url("//p4.ssl.qhimg.com/t016b7e1e83c8967ff1.png") no-repeat #f7fbff center top;
}

.main-containe {
	width: 1000px;
	margin: 0 auto
}

.header-container {
	height: 46px;
	line-height: 46px
}

.dashboard-container {
	width: 450px;
	float: right;
	margin-top: 90px
}

.pic-container {
	width: 422px;
	float: left;
	margin-top: 84px
}

.h2-title {
	font-size: 24px;
	color: #333;
	line-height: 32px;
	text-align: center;
	font-weight: 400
}

.btn-container {
	/*padding: 10px 0 16px;*/
	overflow: hidden;
	height: 68px
}

.btn {
	display: inline-block;
	width: 240px;
	height: 68px;
	border-radius: 2px;
	margin-right: 6px
}

.sefe-btn,.safe-download {
	background-repeat: no-repeat
}

.sefe-btn {
	width: 256px;
	height: 84px;
	margin-top: -6px;
	background-image: url("//p1.ssl.qhimg.com/t01b942b7950a7851c9.png");
	background-image: -webkit-image-set(url('//p1.ssl.qhimg.com/t01b942b7950a7851c9.png') 1x,url('//p1.ssl.qhimg.com/t0156587f28eeee5124.png') 2x);
	background-image: -moz-image-set(url('//p1.ssl.qhimg.com/t01b942b7950a7851c9.png') 1x,url('//p1.ssl.qhimg.com/t0156587f28eeee5124.png') 2x);
	background-image: -o-image-set(url('//p1.ssl.qhimg.com/t01b942b7950a7851c9.png') 1x,url('//p1.ssl.qhimg.com/t0156587f28eeee5124.png') 2x);
	background-image: -ms-image-set(url('//p1.ssl.qhimg.com/t01b942b7950a7851c9.png') 1x,url('//p1.ssl.qhimg.com/t0156587f28eeee5124.png') 2x)
}

.safe-download {
	background-image: url("//p3.ssl.qhimg.com/t012686759a0b76b56b.png");
	background-image: -webkit-image-set(url('//p3.ssl.qhimg.com/t012686759a0b76b56b.png') 1x,url('//p2.ssl.qhimg.com/t01e2a235155433ee41.png') 2x);
	background-image: -moz-image-set(url('//p3.ssl.qhimg.com/t012686759a0b76b56b.png') 1x,url('//p2.ssl.qhimg.com/t01e2a235155433ee41.png') 2x);
	background-image: -o-image-set(url('//p3.ssl.qhimg.com/t012686759a0b76b56b.png') 1x,url('//p2.ssl.qhimg.com/t01e2a235155433ee41.png') 2x);
	background-image: -ms-image-set(url('//p3.ssl.qhimg.com/t012686759a0b76b56b.png') 1x,url('//p2.ssl.qhimg.com/t01e2a235155433ee41.png') 2x)
}

.ordinary-btn {
	background-image: url("//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png");
	background-image: -webkit-image-set(url('//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png') 1x,url('//p2.ssl.qhimg.com/t016594d58ca11f928a.png') 2x);
	background-image: -moz-image-set(url('//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png') 1x,url('//p2.ssl.qhimg.com/t016594d58ca11f928a.png') 2x);
	background-image: -o-image-set(url('//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png') 1x,url('//p2.ssl.qhimg.com/t016594d58ca11f928a.png') 2x);
	background-image: -ms-image-set(url('//p2.ssl.qhimg.com/t01fbbe4981e6f94210.png') 1x,url('//p2.ssl.qhimg.com/t016594d58ca11f928a.png') 2x);
	background-repeat: no-repeat
}

.table-container {
	margin: 40px 0 48px
}

.table-desc {
	font-size: 14px;
	color: #999;
	font-weight: 400
}

.table-vs {
	font-size: 40px;
	color: #C2C2C2
}

.table-remind,.footer-container {
	line-height: 24px;
	text-align: center
}

.table-remind {
	width: 120px;
	background: #ff9500;
	border-radius: 12px;
	font-size: 14px;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: -30px;
	font-weight: 400
}

.footer-container {
	padding: 36px 0;
	color: #999;
	font-size: 12px;
	background: #F4FAFF
}

.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.dashboard-container dl {
	width: 200px;
	font-size: 14px;
	float: left;
	margin-top: 4px
}

.dashboard-container dt,.dashboard-container dd {
	display: inline
}

.dashboard-container dt {
	color: #999
}

.dashboard-container dd {
	color: #666
}

.table-container tr,.table-container th,.table-container td {
	text-align: center
}

.table-container th {
	font-size: 20px;
	color: #333;
	position: relative;
	padding-bottom: 12px
}

.table-container td {
	font-size: 18px;
	color: #333;
	line-height: 22px;
	padding: 17px 56px 18px
}

.table-container p {
	text-align: center
}

.table-container p,.table-container img {
	vertical-align: middle
}

.table-container img {
	margin-right: 4px;
	margin-top: -3px
}

.header-container .logo {
	width: 274px;
	height: 30px;
	float: left;
	margin-top: 16px
}

.header-container .menu {
	float: right;
	margin-top: 7px
}

.dashboard-container .title {
	font-size: 40px;
	color: #333;
	line-height: 46px;
	vertical-align: middle;
	margin-bottom: 20px;
	font-weight: 400
}

.dashboard-container .pro-desc {
	width: 408px;
	color: #999;
	font-size: 14px;
	margin-bottom: 26px;
	line-height: 22px
}

.dashboard-container .desc {
	font-size: 14px;
	color: #999;
	line-height: 19px
}

.dashboard-container .pic {
	width: 396px;
	height: 248px;
	background: #fff;
	box-shadow: 0 5px 35px 0 #D0e2ff;
	border: 1px solid #D8EAFF;
	padding: 12px
}

.sefe-btn:hover {
	background-position: -256px top
}

.sefe-btn:active {
	background-position: right top
}

.sefe-btn:focus {
	background-position: -512px top
}

.header-container .menu a {
	line-height: 21px;
	font-size: 16px;
	color: #333;
	margin-left: 30px
}

.dashboard-container .title img {
	width: 64px;
	height: 64px;
	vertical-align: middle
}

.dashboard-container dl.right-desc {
	width: 250px
}

.dashboard-container .pic img {
	width: 396px;
	height: 248px
}

.header-container .menu a:hover {
	color: #07CD5A
}

.header-container .menu a:active,.header-container .menu a:focus {
	color: #06B851
}

.dashboard-container dl.right-desc .name,.dashboard-container dl.right-desc .desc {
	float: left
}

.dashboard-container dl.right-desc .desc {
	width: 176px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.footer-container p,.footer-container img {
	vertical-align: middle
}

.footer-container img {
	padding: 0 2px
}

.dashboard-container-softname {
	display: inline-block;
	width: 370px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
}

.banner-btn {
	display: block;
	width: 277px;
	height: 74px;
	margin-bottom: 21px;
	line-height: 74px;
	border-radius: 2px;
	background: #348bda;
	background: linear-gradient(
		131deg,
		#4c9ce5 15%,
		#4391d9 41%,
		#348bda 91%
	);
	box-shadow: 0px 4px 15px 0px rgba(7, 86, 205, 0.27);
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0px 2px 10px 0px rgba(13, 169, 78, 0.4);
	cursor: pointer;
}

.banner-btn:before {
	content: '';
	display: inline-block;
	position: relative;
	top: 2px;
	display: inline-block;
	width: 23px;
	height: 25px;
	margin: 0 39px 0 35px;
	font-size: 0;
	background-image: url('https://p5.ssl.qhimg.com/t0101483c5720604d3f.png');
	background-size: 100% 100%;
}

.main {
	width: 1000px;
	margin: 0 auto;
	padding: 18px 0 80px;
}

.main-title {
	position: relative;
	padding: 18px 0 18px 39px;
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
	color: #3d3d3d;
}

.main-title::after {
	content: "";
	position: absolute;
	top: 24px;
	left: 17px;
	width: 5px;
	height: 22px;
	border-radius: 2px;
	background: #348bda;
}

.main-intro {
	border-radius: 2px;
	background: #fbfdff;
	background: linear-gradient(
		180deg,
		#f4f9ff 5%,
		#f8fcff 37%,
		#fbfdff 98%
	);
	box-sizing: border-box;
	border: 1px solid #edf5ff;
}

.main-intro-desc {
	margin: 0 4px;
	padding: 24px 28px;
	border-top: 1px solid #d9ebff;
	font-size: 14px;
	line-height: 24px;
	color: #3d3d3d;
}

.main-ys {
	margin: 50px 0;
	font-size: 0;
}

.main-ys-item {
	display: inline-block;
	width: 212px;
	height: 188px;
	/*border-radius: 2px;*/
	/*background: #fbfdff;*/
	/*background: linear-gradient(*/
	/*	180deg,*/
	/*	#f4f9ff 5%,*/
	/*	#f8fcff 37%,*/
	/*	#fbfdff 98%*/
	/*);*/
	/*box-sizing: border-box;*/
	/*border: 1px solid #edf5ff;*/
}

.main-ys-item + .main-ys-item {
	margin-left: 50px;
}

.main-ys-item img {
	display: block;
	width: 100px;
	height: 84px;
	margin: 22px auto;
}

.main-ys-item-title {
	width: 100%;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 24px;
	color: #3d3d3d;
}

.main-flow {
	font-size: 0;
}

.main-flow-list {
	position: relative;
	margin-top: 18px;
}

.main-flow-item {
	position: relative;
	display: inline-block;
	width: 33.33333%;
	font-size: 0;
}

.main-flow-circle {
	display: inline-block;
	width: 62px;
	height: 62px;
	border-radius: 62px;
	background-size: 100% 100%;
	line-height: 62px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #3d3d3d;
}

.main-flow-bg {
	position: absolute;
	z-index: -1;
	top: 8px;
	left: 20px;
	right: 0;
	height: 48px;
	background: #ecfff7;
	background: linear-gradient(180deg, #ffffff 0%, #ecfff7 97%);
	border: 1px solid;
	border-color: rgba(183, 227, 210, 0.2);
	border-image: linear-gradient(
		180deg,
		#abe8d0 5%,
		rgba(183, 227, 210, 0.84) 97%
	);
	border-radius: 29px;
}

.main-flow-title {
	overflow: hidden;
	position: relative;
	top: 9px;
	display: inline-block;
	margin-left: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 48px;
	color: #444444;
}

.main-flow-title img {
	position: absolute;
	left: 0;
	bottom: -22px;
	width: 85px;
	height: 31px;
}

.main-footdown-wrap {
	height: 101px;
	min-width: 1000px;
	background: #f9f9f9;
	border-top: 1px solid #e8e8e8;
}

.main-footdown {
	width: 1000px;
	margin: 0 auto;
}

.main-footdown-text {
	float: left;
	font-size: 16px;
	line-height: 101px;
	color: #3d3d3d;
}

.main-footdown-btn {
	float: right;
	width: 173px;
	height: 46px;
	margin-top: 25px;
	border-radius: 2px;
	background: #348bda;
	background: linear-gradient(
		131deg,
		#4c9ce5 15%,
		#4391d9 41%,
		#348bda 91%
	);
	box-shadow: 0px 4px 15px 0px rgba(7, 86, 205, 0.27);
	font-size: 22px;
	font-weight: 500;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}

.footer-container {
	background: #fff;
}

.dlcnheader {
	width: 100%;
	height: 64px;
	line-height: 64px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	z-index: 99999;
}

.dlcnheader a {
	text-decoration: none;
}

.dlcnheader .headerInner {
	width: 1152px;
	height: 64px;
	line-height: 64px;
	margin: 0 auto;
	position: relative;
}

.dlcnheader .headerInner > a > .logo {
	position: relative;
	top: 10px;
	height: 42px;
	float: left;
}

.dlcnheader .headerInner > div {
	display: inline-block;
}

.dlcnheader .headerInner > ul {
	margin: 0 0 0 72px;
	display: inline-block;
	height: 64px;
}

.dlcnheader .headerInner > ul a {
	display: inline-block;
	margin-right: 40px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.dlcnheader .headerInner > ul a li {
	display: inline-block;
	font-size: 16px;
	color: #666;
	position: relative;
}

.dlcnheader .headerInner > ul a li.active {
	color: #333;
	font-weight: bold;
}

.dlcnheader .headerInner > ul a li.active::after {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 0;
	background-color: #1ab956;
	width: 100%;
	height: 3px;
	box-shadow: 0 2px 6px 0 rgba(26, 185, 86, 0.2);
	border-radius: 1.5px;
}

.dlcnheader .headerInner > .headerLinkGroup {
	float: right;
}

.dlcnheader .headerInner > .headerLinkGroup a {
	display: inline-block;
	margin-right: 22px;
	font-size: 14px;
	color: #333;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	transition: color 0.35s;
}

.dlcnheader .headerInner > .headerLinkGroup a img {
	vertical-align: middle;
	position: relative;
	top: -2px;
	width: 24px;
}

.dlcnheader .headerInner > .headerLinkGroup a:last-of-type {
	margin-right: 0;
}

.dlcnheader .headerInner > .headerLinkGroup a:hover {
	color: #1ab956;
}

.dlcnheader-wrap {
	display: none;
	padding-top: 64px;
}
</style>
